<template>
  <div>
    <nav-bar>
      <template v-slot:default>三好银行</template>
    </nav-bar>
    <recommend :recommends="recommends"></recommend>
    <div class="a">秒杀商品</div>
    <good-list></good-list>
  </div>
</template>

<script>
import NavBar from "../../components/common/navbar/NavBar.vue";
import recommend from "../home/Recommend.vue";
import GoodList from "../../components/content/GoodsList.vue";
export default {
  components: {
    NavBar,
    recommend,
    GoodList,
  },
  setup() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.a {
  font-weight: 700;
  font-size: 22px;
  display: flex;
  padding-left: 20px;
  padding-top: 10px;
  width: 100%;
  height: 50px;
  background: rgba($color: #efefef, $alpha: 0.3);
}
</style>
